<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="box">盒子</div>
  <script>
    // var say =    function () { }
    // var say =    () => { }


    // 1) 有一个参数  只有一个返回值 或 一行语句 
    var kk = a => "你好"
    // var kk = function (a) {
    //   return "你好"
    // }
    var cc = name => console.log(111)
    console.log(kk())
    cc()

    // ()=>{}   参数只有一个 可以省略() 只有一个返回值或一行代码可以省略{}

    var aa = (a, b) => console.log(8888)
    var bb = () => {
      console.log(11)
      console.log(22)
      return "你好"
    }


    // setInterval(function () { }, interval);
    var name = "奔驰"
    // 箭头函数 中的this 没有自己的指向 继承父级环境的指向

    var car = {
      name: "沃尔沃",
      run() {
        // setInterval(function () {
        //   console.log(this.name)
        // }, 2000);

        setInterval(() => {
          console.log(this.name)
        }, 2000);
      }
    }
    car.run()

    var box = document.getElementById("box");
    box.onclick = function () {
      setTimeout(() => {
        this.style.background = "red"
      }, 2000);
    }



  </script>
</body>

</html>